<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery.js"></script>
  <script>

    function generateNum() {
      var p = new Promise(function(resolve, reject){
        setTimeout(function(){
          var num = Math.random()
          if(num >= 0.5) {
            resolve(num)
          } else {
            reject(num)
          }
        },2000)
      })
      return p
    }
    $(function(){
      $('button').click(async function(){
       try{
        let res=await generateNum()
        console.log("成功"+res);
       }catch(err){ 
         console.log("失败"+err);
       }
      })
    })
    // $(function(){
    //   $("button").click(function(){
    //     generateNum().then(res=>{
    //       console.log("成功"+res);
    //     }).catch(err=>{
    //       console.log("失败"+err);
    //     })
    //   })
    // })
    // 点击按钮调用generateNum, 这个函数内部会在2s后产生一个随机数值, 如果这个随机数大于0.5,则代表任务成功, 否则代表任务失败
    // 如何在点击处理中使用两种方式得到成功和失败的状态,和所产生的随机值
    
  </script>
</head>
<body>
  <button>点我试试</button>
</body>
</html>